<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<!-- Fixed navbar -->
<div th:fragment="menuTiFragment">
	<div class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span> 
					<span class="icon-bar"></span> <span class="icon-bar"></span> 
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" th:href="@{/base/page/admin}"><strong>Tifragment</strong></a>
			</div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li th:class="${menuActive} == 'home' ? 'active'"><a th:href="@{/base/page/admin}">Home</a></li>
					<li th:class="${menuActive} == 'dashboard' ? 'active'"><a th:href="@{/base/page/admin/dashboard/show}">Dashboard</a></li>
					<li th:class="${menuActive} == 'timeframe' ? 'active'"><a th:href="@{/base/page/admin/timeframe/list}">Time Frame</a></li>
					<li th:class="${menuActive} == 'project' ? 'active'"><a th:href="@{/base/page/admin/project/list}">Project</a></li>
					<li th:class="${menuActive} == 'user' ? 'active'"><a th:href="@{/base/page/admin/user/list}">User</a></li>					
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown">
						<a href="#dropdown" class="dropdown-toggle" data-toggle="dropdown">Account <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a th:href="@{/base/page/admin/account}">Manage Account</a></li>
							<li><a th:href="@{/j_spring_security_logout}">Logout</a></li>	
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
</html>